<template>
    <el-dialog title="预定义变量" :visible.sync="getDialogStatus.stTemplate">
        
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="系统模板" name="first">
                
                <el-collapse v-model="activeName2">
                    <el-collapse-item title="静港医美客户管理系统统计模板" name="1">

                        <div class="file-card">
                            <div class="img">
                                <i class="fa fa-table"></i>
                            </div>
                            <div class="title">
                                <strong>静港医美月度统计模板</strong>
                            </div>
                            <div class="desc">
                                静港医美月度统计模板
                            </div>
                        </div>
                        
                    <div style="clear:both"></div>
                    </el-collapse-item>
                </el-collapse>
            </el-tab-pane>
            <el-tab-pane label="自定义模板" name="second">
                尚待完善
                <br><br>
            </el-tab-pane>
        </el-tabs>
        <br><br>
    </el-dialog>
</template>

<script>

import {mapMutations,mapGetters} from 'vuex';

export default {
    props:{
       
    },
    data() {
        return {
           activeName:'first',
           activeName2:'1',
        
        };
    },
    computed:{
        ...mapGetters(['getDialogStatus'])
    },
    watch:{
       
    },
    methods:{
        ...mapMutations(['setDialogStatus','closeAllDialog']),
        handleClick(){

        },
        loadTp(){
            
        }
        
    }
}
</script>

<style>
.file-card{
    width: 120px;
    height: 130px;
    border:1px solid #eee;
    cursor: pointer;
    padding: 10px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
    border-radius: 5px;
}
.file-card:hover{
    border:1px solid #409EFF;
}
.file-card .img{
   font-size: 96px;
   text-align: center;
   line-height: 64px;
   padding: 0;
   margin: 0;
}
.file-card .title{
   font-size:12px;
}
.file-card:hover .title{
    color:#409EFF;
}

.file-card .desc{
   font-size:10px;
   color: #999;
}
</style>
